<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p4_CSS文字处理</title>

        <style>
            p {
                /* 文字大小 谷歌默认字号16px */
                font-size:30px;
                /* 设置字体 */
                font-family: "宋体","华文新魏","幼圆";
            }
            a {
                text-decoration: underline; /*下划线*/
                text-decoration: line-through; /*删除线*/
                text-decoration: overline; /*顶线*/
                text-decoration: none; /*去除所有修饰线*/

            }
            div {
                width:200px;
                height:200px;
                border:5px solid #f00;
                /* 水平居中 */
                text-align:center;
                /* 设置行高 常用是让单行文本的行高与父级块元素一样高，这样可以实现垂直居中 */
                line-height:200px;
            }
            span {
                font-weight:bold; /* 字体字重: 加粗  也可写600 等同于bold */
                font-weight: lighter;/* 细体  300等同于lighter */
                font-weight: normal;/* 正常体   400等同于normal */
                font-style: italic;/* 字体样式:倾斜 */
            }
            h4 {
                /* 文字阴影:x轴偏移量 x轴偏移量 羽化值(模糊程度) 颜色*/
                text-shadow: 5px 5px 5px red;
            }




        </style>

    </head>
    <body>
        <p>我是测试段落文字 123 ABC abc</p>
        <a href="#">超链接</a>
        <div>我是div</div>
        <span>我是span</span>
        <h4>测试文字</h4>
    </body>
</html>